<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="bookmark" href="favicon.ico" />
  <link rel="stylesheet" href="index.css">
  <title>
    <%= name %>
  </title>
</head>

<body>
  <div class="page">
    <div class="page__header">
      <h1>
        <%= name %>
      </h1>
    </div>

    <div class="page__body">
      <h2>top left bootom righted</h2>
      <q-demo>
        <div class="border-top"></div>
      </q-demo>
      <q-demo>
        <div class="border-left"></div>
      </q-demo>
      <q-demo>
        <div class="border-bottom"></div>
      </q-demo>
      <q-demo>
        <div class="border-right"></div>
      </q-demo>
      <h2>all</h2>
      <q-demo>
        <div class="border-all"></div>
      </q-demo>
      <h2>all with radius</h2>
      <q-demo>
        <div class="border-all-radius"></div>
      </q-demo>
    </div>

  </div>
  <div class="page__footer">
    @@include('../_import-part.html')
    <script src="index.js"></script>
  </div>


</body>

</html>